<template>
	<view class="safe-wrapper">
		<top-nav title="备份钱包"></top-nav>
		<view class="item"  @click="gotoPage('/pages/login/step5')">
			<view class="left">
				<view class="desc">助记词由单词组成，以空格隔开</view>
				<view class="name">助记词</view>
			</view>
			<view class="right"></view>
		</view>
		<view class="item" @click="gotoPage('/pages/login/step5?type=privateKey')">
			<view class="left">
				<view class="desc">明文私钥字符</view>
				<view class="name">私钥备份</view>
			</view>
			<view class="right"></view>
		</view>
	</view>
</template>

<script>
	import topNav from '../../components/top-nav/top-vue.vue';
	export default{
		components:{
			topNav:topNav
		},
		data(){
			return {
				checked: false,
				value: 'USD',
				type: 'select',
				show: false,
				border: false,
				actionSheetList: [
					{
						text: 'USD',
						color:'blue'
					},
					{
						text: 'USD!',
						color:'blue'
					},
					{
						text: 'USD2',
						color:'blue'
					}
				],
			}
		},
		methods:{
			gotoPage(path){
				uni.navigateTo({
				    url: path
				});
			}
		}
	}
</script>

<style lang="scss" scoped>
	.safe-wrapper{
		.item{
			display: flex;
			height: 80*2rpx;
			align-items: center;
			padding:0 40rpx;
			.left{
				flex:1;
				.name{
					font-size:18*2rpx;
					&.origin{
						color:#FD6F6F;
					}
				}
				.desc{
					font-size:14*2rpx;
					opacity: 0.5;
				}
			}
			.right{
				width: 0;
				height: 0;
				border-top: 10rpx solid transparent;
				border-left: 12rpx solid #FFFFFF;
				border-bottom:10rpx solid transparent;
				margin:0 20rpx;
			}
		}
	}
</style>
